<template>
    <div class="warp">
    	<header>
    		<span class="left"><router-link to='/chaQu'><img src="../../static/img/return.png"/></router-link></span>
    		<span class="center">泡文化</span>
    		<span class="right"></span>
    	</header>
    	
    	
    	<main>
    			
    		<div class="wenhua">
    			<h1>{{text}}</h1>
    			<p>{{text1}}</p>
    			<p>{{text2}}</p>
    			
    		</div>
    		
    		<div class="title">
    			<dl v-for='item in info'>
    				<dt><img :src="item.img"/></dt>
    				<dd>
    					<p >{{item.title1}}</p>
    					<p>{{item.title2}}</p>
    				</dd>
    			</dl>
    			
    			<!--<dl>
    				<dt><img src="../../static/img/chaqu-2.png" class="b" style=""/></dt>
    				<dd>
    					<p>喜欢穿旗袍的女人，应该大多是静默成诗的，婉约中透着古意，当他们携一袖暗香流运，带着深深的心事，穿过岁月风尘时，身后，便也留下了一路风情和一路幽默。</p>
    					<p>透过流年的纱幔，去品读旗袍，慢慢的，很多人，一定会读出旧时光的味道</p>
    				</dd>
    			</dl>-->
    		</div>
    		
    		
    		
    		
    		
    	
    	
    		
    		
    		
    	</main>
    	
    	
    	
    	
 </div>	
</template>
 		<script>
    	import axios from 'axios'
    		export default {
    			name:'warp',
		  data () {
		  	return {
		  		text:'旗袍女人，美呆了',
		  		text1:'2015-10-19　11:33:32',
		  		text2:'茶的故事　泡茶叔',
		  		info:[],
			   currIndex:0,
			   tab:1
		     }
		  },
		  mounted () {
		    axios.get('../../static/json/chaqutwo.json')
			   .then(response => {
				this.info = response.data
				console.log(this.info)
			}) 
		          
		 }
		 
		}
    	</script>
    	
    	<style scoped lang="less"4>
    		@import '.././assets/less/header.less';
    		@import '.././assets/less/chaqutwo.less';
    		
	    	.active{
	            background: #42B983;
	            color: white!important;
	            padding: 13px 30px;
	        }
	        .curr{
	        	background: #42B983!important;
	        	color: white!important;
	        }
    	</style>
